<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>JudgeMyMug - Public Ridicule</title>
	<meta name="description" content="judge mugshots pinellas county sheriff">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width,initial-scale=1">

	<link rel="stylesheet" href="/css/style.css">
	<link rel="stylesheet" href="/css/ui-darkness/jquery-ui-1.8.16.custom.css">
	
	<link href='http://fonts.googleapis.com/css?family=Bowlby+One+SC' rel='stylesheet' type='text/css'>
	<script src="/js/libs/modernizr-2.0.min.js"></script>
	<script src="/js/libs/respond.min.js"></script>

	<script src="/js/libs/jquery-1.6.2.min.js"></script>
	<script src="/js/libs/jquery-ui-1.8.16.custom.min.js"></script>
	
	<script>

		$(function() {
			$( "#stupidity" ).slider({value:0,min: 0,max: 10,step: 1,
				slide: function( event, ui ) {
					$( "#stupidity_v" ).val( ui.value );
				}
			});
			$( "#stupidity_v" ).val( $( "#stupidity" ).slider( "value" ) );
			
			$( "#repeat" ).slider({value:0,min: 0,max: 10,step: 1,
				slide: function( event, ui ) {
					$( "#repeat_v" ).val( ui.value );
				}
			});
			$( "#repeat_v" ).val( $( "#repeat" ).slider( "value" ) );
		});
	</script>
	
</head>

<body style="text-align: center;">

<table style="width: 100%;">

<tr>
	<td colspan="3">
		<span style="font-family: 'Bowlby One SC', sans-serif; font-size: 36pt;">
			<a href="http://www.judgemymug.com">www.judgemymug.com</a>
		</span>
		<p/>
		<span style="font-family: 'Bowlby One SC', sans-serif; font-size: 18pt;">
			real people, real mugshots, real ridicule
		</span>

		<form method="post" action="/search">

			<input type="text" name="sq" id="sq" />
			<input type="submit" name="search" value="Search" />

		</form>


	</td>
</tr>

<tr>

<td style="width: 25%; text-align: left; vertical-align: top;">
	
</td>

<td style="vertical-align: top; width: 50%;">

	<? foreach($this->records as $record): ?>
		<div style="font-size: xx-small; height: 100px; ">
			<div style="float: left; width: 50px; padding-right: 10px;">
				<a href="/i/<?= $record['seq']-1?>">
				<img src="/t/<?= $record['_id'] ?>/50" />
				</a>
			</div>

			<div class="gb" style="height: 37px;">	
				<strong><?= ucwords(strtolower($record['name']))?></strong>: <?= $record['score']?> pts<br/>
				<?= date("m/d/Y h:i a", $record['arrest_date']->sec) ?>
				<?= ucwords(strtolower($record['offenses'][0]))?> and <?= count($record['offenses']) > 1 ? count($record['offenses']) . ' more charges' : ' 1 more charge' ?><br/>
			</div>
		</div>
	<? endforeach; ?>
</td>

<td style="width: 25%; text-align: left; vertical-align: top;">
	
</td>

</tr>

</table>
</div>


</body>
</html>
